@font-face{font-family:barlow-bold;src:url(../fonts/barlow-bold-webfont.woff2) format("woff2"),url(../fonts/barlow-bold-webfont.woff) format("woff")}@font-face{font-family:barlow-regular;src:url(../fonts/barlow-regular-webfont.woff2) format("woff2"),url(../fonts/barlow-regular-webfont.woff) format("woff")}@font-face{font-family:barlow-semibold;src:url(../fonts/barlow-semibold-webfont.woff2) format("woff2"),url(../fonts/barlow-semibold-webfont.woff) format("woff")}@font-face{font-family:DMSans-Bold;src:url(../fonts/DMSans-Bold.woff) format("woff")}@font-face{font-family:DMSans-ExtraBold;src:url(../fonts/DMSans-ExtraBold.woff) format("woff")}@font-face{font-family:DMSans-Medium;src:url(../fonts/DMSans-Medium.woff) format("woff")}@font-face{font-family:DMSans-Regular;src:url(../fonts/DMSans-Regular.woff) format("woff")}@font-face{font-family:DMSans-SemiBold;src:url(../fonts/DMSans-SemiBold.woff) format("woff")}canvas[data-v-6c9404f0],canvas[data-v-6f5a5794],canvas[data-v-b32f95dc],canvas[data-v-c970e7da]{position:absolute;width:100%;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app h1{font-family:barlow-bold;font-size:21px;background:linear-gradient(180deg,#1f466b 50%,#1a3c5b 0);width:80%;max-width:800px;padding:5px 25px 5px 25px;box-sizing:border-box;color:#fff;border-radius:15px;position:relative;margin:20px auto 0;text-align:center}#app #intro{width:80%;max-width:1080px;margin:25px auto 45px;background-color:#d2e6f1;color:#1a3c5b;font-family:DMSans-Regular;font-size:18px;line-height:26px;padding:15px;border-radius:5px}#app h2{color:#1f466b;font-family:barlow-bold;font-size:20px;margin-bottom:0}#app h3{margin-top:5px;font-family:DMSans-Regular;font-size:15px}#app .chartComponent{width:100%;max-width:1400px;margin:0 auto 75px;position:relative}#app .chartComponent .componentSpace{position:relative;margin-top:25px}#app .chartComponent .componentSpace .chartSpace{position:relative;width:70%;display:inline-block;height:600px}#app .chartComponent .componentSpace .chartSpace #nodataModale{position:absolute;width:30%;height:30%;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #1a3c5b;background-color:#fff;border-radius:5px;text-align:center}#app .chartComponent .componentSpace .chartSpace #nodataModale span{font-size:24px;position:relative;top:75px}#app .chartComponent .componentSpace .controlsSpace{position:relative;width:30%;display:inline-block;box-sizing:border-box;height:600px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper{position:absolute;width:90%;left:50%;transform:translate(-50%)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .downloadBtn{width:30px;height:30px;background-color:#1a3c5b;position:absolute;top:0;right:0;border-radius:50%;cursor:pointer}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .downloadBtn:hover{background-color:#d2e6f1}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .downloadBtn:hover svg{fill:#1a3c5b;stroke:#1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .downloadBtn svg{fill:#fff;stroke:#fff;position:absolute;width:15px;top:50%;left:50%;transform:translate(-50%,-50%)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box{width:100%;display:block;margin-bottom:15px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_title{font-family:barlow-semibold;font-size:17px;margin-bottom:10px;display:block}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_subtitle{font-family:barlow-regular;font-size:13px;margin-top:-10px;margin-bottom:10px;display:block}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_dropdown{position:relative;cursor:pointer;height:28px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_dropdown:after{content:"";position:absolute;left:65%;top:50%;transform:translateY(-5px);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #000;clear:both}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_dropdown:hover:after{opacity:.8}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_dropdown .dropdown-input{width:65%;height:28px;font-family:DMSans-Regular;font-size:14px;background:linear-gradient(180deg,#d2e3ef 50%,#e1edf3 0);border:none;position:absolute;border-radius:20px;padding-left:20px;cursor:pointer}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_dropdown .dropdown-input:focus{outline:none!important}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_dropdown .dropdown-menu{position:absolute;background-color:#f0f6fa;width:65%;z-index:1;max-height:250px;overflow:scroll;top:32px;padding-left:20px;border-radius:20px;padding-bottom:4px;padding-top:4px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_dropdown .dropdown-menu-item{padding-top:8px;cursor:pointer}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_dropdown .dropdown-menu-item:hover{background-color:#d2e6f1}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .switch_controls_box{display:flex}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .switch_controls_box .switch_container{width:60px;height:20px;border-radius:20px;background-color:#d2e6f1;margin-right:10px;margin-bottom:5px;display:flex;justify-content:center;align-items:center}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .switch_controls_box .switch{width:25px;height:16px;border-radius:20px;background-color:#1a3c5b;position:relative;cursor:pointer}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .switch_controls_box .switch svg{fill:#fff;width:11px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .switch_controls_box .switch.inactive{background-color:transparent}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .switch_controls_box .switch.inactive svg{fill:#1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .switch_controls_box .switch_label{font-family:DMSans-Regular;font-size:14px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .toggle_controls_wrapper{display:flex}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .toggle_controls_wrapper .toggle_controls_label{font-family:DMSans-Regular;font-size:14px;cursor:pointer}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .toggle_controls_wrapper .toggle_controls_label.active{color:#1a3c5b;pointer-events:none}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .toggle_controls_wrapper .toggle_controls_label:hover{color:#1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .toggle_controls_wrapper .toggle_controls_box{width:50px;height:20px;background-color:#d2e6f1;border-radius:20px;margin-left:5px;margin-right:5px;position:relative;cursor:pointer}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .toggle_controls_wrapper .toggle_controls_box:hover .toggle_controls_inner{background-color:#1f466b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .toggle_controls_wrapper .toggle_controls_box .toggle_controls_inner{width:25px;height:15px;background-color:#1a3c5b;border-radius:15px;position:absolute;top:50%;transform:translateY(-50%);left:2px;right:auto;transition:all .3s ease-in-out}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .toggle_controls_wrapper .toggle_controls_box.toggled .toggle_controls_inner{left:auto;right:2px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_multiple_tick_container{display:flex;flex-wrap:wrap;flex-direction:column;max-height:170px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_multiple_tick_container .controls_tick_container{flex:1 0 26%;margin:0}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_multiple_tick_container .controls_tick_container:last-child{flex:1 0 59%}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_multiple_tick_container.sequential .controls_tick_container:nth-last-child(-n+1) .tick:after{display:none}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_multiple_tick_container.sequential .controls_tick_container .tick{position:relative}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_multiple_tick_container.sequential .controls_tick_container .tick:after{content:"";width:2px;height:10px;background-color:#1a3c5b;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_select_all_container{display:flex;margin-bottom:15px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_select_all_container .select_all_btn{font-family:DMSans-Medium;font-size:14px;margin-right:10px;color:#000;cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box .controls_select_all_container .select_all_btn:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid;color:#1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_header{width:100%;height:36px;background:linear-gradient(180deg,#1f466b 50%,#1a3c5b 0);border-radius:36px;margin:0 auto;text-align:center;position:relative}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_header svg{position:absolute;fill:#fff;width:20px;left:15px;top:50%;transform:translateY(-50%)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_header .controls_box_header_title{position:relative;color:#fff;font-family:barlow-semibold;font-size:17px;top:4px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_header .controls_box_header_title span{font-size:12px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed.boxed.disable{pointer-events:none;opacity:.4}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_body{width:90%;background-color:#f0f6fa;margin:0 auto;padding-top:15px;padding-left:15px;padding-bottom:15px;display:grid;grid-template-columns:auto auto;grid-column-gap:0;grid-row-gap:0}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_body.sectors_box{display:block}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_body.sectors_box .controls_tick_container{margin-bottom:15px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_body.sectors_box .controls_tick_container:last-child{margin-bottom:0}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_body.sectors_box .controls_tick_container .tick_label{text-wrap:wrap;position:absolute;width:80%;margin-left:30px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_body .controls_tick_container{width:100%}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_box.boxed .controls_box_body .controls_tick_container .tick_label{text-wrap:nowrap}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_filet{width:80%;height:1px;background-color:#f0f6fa;margin-bottom:20px}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container{display:flex;cursor:default}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container .radio{width:20px;height:20px;border-radius:100%;background-color:#d2e6f1;margin-right:10px;margin-bottom:5px;border:1px solid #1a3c5b;box-sizing:border-box;position:relative;cursor:normal}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container .radio .radio_inner{width:11px;height:11px;border-radius:100%;background-color:#1a3c5b;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container .radio_label{font-family:DMSans-SemiBold;font-size:14px;color:#1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container.inactive{cursor:pointer}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container.inactive:hover .radio_label{color:#1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container.inactive:hover .radio .radio_inner{display:block;opacity:.3}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container.inactive .radio .radio_inner{display:none}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_radio_container.inactive .radio_label{font-family:DMSans-Regular;color:#000}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container{display:flex;cursor:pointer;position:relative}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.disable{pointer-events:none;opacity:.4}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.non-selectable .tick{background-color:#fff;border:1px dashed #1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.non-selectable .tick .tick_inner:after,#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.non-selectable .tick .tick_inner:before{background-color:#1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .info_btn{display:block;width:15px;height:15px;background-color:#d2e6f1;position:relative;right:0;display:inline-block;border-radius:50%}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .info_btn svg{width:8px;fill:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .info_btn:hover .info_modale{display:block}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .info_btn .info_modale{display:none;position:absolute;left:50%;top:20px;transform:translate(-50%);width:150px;height:auto;background-color:#d2e6f1;z-index:999;padding:10px;border-radius:5px;font-family:DMSans-Regular;color:#000;pointer-events:none}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.controls_tick_container_yellow .tick{background-color:#f9ae15;border:1px solid #f9ae15}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.controls_tick_container_yellow.inactive:hover .tick{background-color:rgba(249,174,21,.3)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.controls_tick_container_yellow.inactive:hover .tick_label{color:#f9ae15}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .tick{width:20px;height:20px;border-radius:5px;background-color:#1a3c5b;margin-right:10px;margin-bottom:10px;border:1px solid #1a3c5b;box-sizing:border-box;position:relative}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .tick .tick_inner{width:100%;height:100%;position:absolute}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .tick .tick_inner:before{content:"";width:2px;height:12px;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .tick .tick_inner:after{content:"";width:2px;height:12px;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container .tick_label{font-family:DMSans-Regular;font-size:14px;color:#000}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.inactive{cursor:pointer}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.inactive:hover .tick{background-color:#d2e6f1}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.inactive:hover .tick_label{color:#1a3c5b}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.inactive .tick{background-color:#fff}#app .chartComponent .componentSpace .controlsSpace .controlsWrapper .controls_tick_container.inactive .tick .tick_inner{display:none}#app .chartComponent .chart_legend .chart_legend_txt{font-family:DMSans-Regular;font-size:15px;display:block}#app .chartComponent .chart_legend .chart_legend_btn{display:inline-block;width:auto;background-color:#1a3c5b;padding:2px 7px 2px 7px;border-radius:3px;color:#fff;font-family:DMSans-Regular;font-size:12px;cursor:pointer;margin-top:5px}#app .chartComponent .chart_drawer{width:100%;overflow:hidden;margin-top:5px}#app .chartComponent .chart_drawer.close{height:0}#app .chartComponent .chart_drawer.open{height:auto}#app .chartComponent .chart_drawer .chart_drawer_text{font-family:DMSans-Regular;font-size:15px}@media(max-width:1280px){#app .chartComponent#currentEmissionsChart .chartSpace{height:600px}#app .chartComponent#currentEmissionsChart .controlsSpace{min-height:600px}#app .chartComponent .componentSpace .chartSpace{width:60%;height:500px}#app .chartComponent .componentSpace .controlsSpace{width:40%;height:500px}}@media(max-width:1024px){#app .chartComponent{height:auto;margin-bottom:50px}#app .chartComponent#currentEmissionsChart .chartSpace{height:450px}#app .chartComponent#currentEmissionsChart .controlsSpace{min-height:600px}#app .chartComponent#globalTemperatureChart .controlsSpace{height:200px}#app .chartComponent#combinedImpactChart .controlsSpace,#app .chartComponent#impactScenariosChart .controlsSpace{min-height:400px}#app .chartComponent .componentSpace .chartSpace{width:100%;display:block;height:450px}#app .chartComponent .componentSpace .controlsSpace{width:100%;display:block;margin-top:20px}}